<template>
	<view class="activeDetail">
		<image class="activeDetail_img" src="../../static/image/activeDetail.png" mode="widthFix"></image>
		<view class="activeDetail_h1">使用规则</view>
		<view class="activeDetail_ctn">领取优惠券，认筹立享3%限时折扣！</view>
		<view class="activeDetail_footer">
			<view class="activeDetail_footerBtn">已领取</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.activeDetail{
		position: relative;
		min-height: 100vh;
		padding-bottom: 140rpx;
		background-color: #f9f7fa;
	}
	.activeDetail_img{
		width: 100%;
	}
	.activeDetail_h1{
		height:90rpx;
		border-top:10rpx solid #f8f8f8;
		line-height: 80rpx;
		position: relative;
		color:#333;
		font-size: 32rpx;
		padding: 0 35rpx;
		font-weight: bold;
		background-color: #fff;
	}
	.activeDetail_h1:after{
		content: "";
		display: block;
		position: absolute;
		height:40rpx;
		width: 8rpx;
		border-radius: 1rpx;
		background-color: #fd9400;
		top:0;
		bottom:0;
		left:0;
		margin:auto;
	}
	.activeDetail_ctn{
		padding: 35rpx;
		line-height: 30rpx;
		font-size: 24rpx;
		background-color: #fff;
	}
	.activeDetail_footer{
		position: fixed;
		bottom:0;
		width: 100%;
		height:130rpx;
		padding: 20rpx 0;
		background-color: #fff;
	}
	.activeDetail_footerBtn{
		width: 90%;
		height:88rpx;
		line-height:88rpx;
		background-color: #ccc;
		color: #fff;
		font-size: 32rpx;
		text-align: center;
		margin:auto;
		border-radius: 10rpx;
	}
</style>
